@charset "UTF-8";
.box {
  width: 300px;
  height: 300px;
  background-color: yellow;
  border: 5px solid pink;
}
.border {
  border: 5px solid pink;
}
.test_hunhe {
  border: 30px solid #ffff00;
}
.radius_test {
  width: 100px;
  height: 40px;
  background-color: green;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.sanjiao {
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 10px;
  border-color: red transparent transparent transparent;
  border-style: solid;
}
.sanjiao {
  border-width: 100px;
  border-color: transparent transparent #cccccc transparent;
  border-style: dashed dashed solid dashed;
  width: 0;
  height: 0;
  overflow: hidden;
}
.pipei {
  width: 200px;
  height: 200px;
  background-color: green;
  position: fix;
}
.box_02 {
  height: 100px;
  width: 400px;
  background: #ff0;
}
.test_arguments {
  border: 30px #ff0000 solid;
}
.test_03 {
  width: calc(300px - 30px);
}
.test_important {
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
}
